.input-chrono {
	position: relative;
	margin: 6px auto;
}

.input-chrono__text,
.input-chrono__input {
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	border: 1px solid var(--color-neutral-0);
	box-sizing: border-box;
	background-color: color-mix(in srgb, var(--color-surface) 0%, transparent);
	color: var(--color-text-subtle);
	font-size: $font-body-extra-small;
	text-align: left;
	position: relative;
	z-index: z-index(".popover", ".input-chrono__input");
}

.input-chrono__text {
	border: 0;
}
